@import './../../util/styles/index.scss';

.result_wrap{
  .searchbtn{display: inline-block;height: 30px;padding: 0 20px;border-radius: 4px;color: #fff;background: $navActive;line-height: 30px;margin-left: 20px;}
  .head{line-height: 60px;font-size: 14px;color: #242424;height: 60px;border-bottom: 1px solid #DEDEDE;position: relative;padding: 0 10px;
    .tit{float: left;position: absolute;
      .inp{border-radius: 4px;border: 1px solid #D7D7D7;box-sizing: border-box;width: 156px;height: 30px;line-height: 30px;padding: 0 10px;
        &::placeholder{color: #A0A0A0;}
      }
    }
    .con{margin-left: 300px;
      .checkboxwrap{
        > a{margin: 0 10px;
          > i{vertical-align: middle;}
          em{display: inline-block;position: relative;width: 18px;height: 18px;vertical-align: middle;margin-right: 4px;
            &:before{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #D7D7D7;border-radius: 50%;position: relative;left: 0;top: 0;}
            &:after{content: '';display: block;width: 12px;height: 12px;box-sizing: border-box;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin: -6px 0 0 -6px;display: none;background: #e5371f;}
          }
          &.on{
            em{
              &:before{border-color: $navActive;}
              &:after{display: block;}
            }
          }
        }
      }
    }
  }
}

.forum_wrap {
  a{color: #242424;}
  width: $width;margin: auto;padding: 15px 15px 80px 15px;box-sizing: border-box;min-height: 500px;background: #fff;margin-top: 10px;
  .nodata{text-align: center;font-size: 14px;color: #888;}
  .sidebar{width: 302px;float: left;}
  .inp{border-radius: 4px;border: 1px solid #D7D7D7;box-sizing: border-box;width: 156px;height: 30px;line-height: 30px;padding: 0 10px;
    &::placeholder{color: #A0A0A0;}
  }
  .mainwrap{margin-left: 312px;min-height: 500px;
    .result_main{border: 1px solid #D7D7D7;padding: 0 10px;}
    .commonlist{padding: 0 30px;
      > li{padding: 24px 0;font-size: 16px;color: #242424;display: flex;justify-content: space-between;align-items: flex-end;
        .date{flex-shrink: 0; font-size: 14px; color: #777777}
        > a{cursor: pointer;overflow: hidden;text-overflow: ellipsis;flex-grow: 1;white-space: nowrap;padding-right: 20px;font-size: 14px;color: #666;
          > p{margin-top: 4px;overflow: hidden;text-overflow: ellipsis;}
          > p:first-child{color: #242424;font-size: 16px;margin-top: 0;}
          &:hover{color: $navActive;
            > p:first-child{color: $navActive;}
          }
        }
      }
    }
  
  }
}